<template>
    <div class="conversation-list">
        <div class="item border-gray-300 border-t cursor-pointer bg-white hover:bg-gray-200 p-2"
            v-for="item in items" :key="item.id"
        >
          <a href="#">
            <div class="flex justify-between items-center text-sm leading-5 text-gray-500">
                <span v-text="item.selectedModel"></span>
                <span v-text="item.updatedAt"></span>
            </div>
            <h2 class="font-semibold leading-9 truncate text-gray-900" v-text="item.title"></h2>
          </a>  
        </div>
    </div>
</template>
<script setup lang="ts">
import { ConversationProps } from '../types';
defineProps<{ items: Array<ConversationProps> }>();


</script>
<style></style>